<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" rel="stylesheet">
</head>
<body>
<h1 style="text-align: center">列表</h1>
<div>
    <table border="1" class="table" style="margin: auto">
        <tr>
            <th>id</th>
            <th>userName</th>
            <th>userPassword</th>
            <th>userEmail</th>
            <th>userInfo</th>
            <th>createTime</th>
            <th>headImg</th>
        </tr>
        <tr th:each="sys:${sysUsers}">
            <td th:text="${sys.id}">${sys.id}</td>
            <td th:text="${sys.userName}">${sys.userName}</td>
            <td th:text="${sys.userPassword}">${sys.userPassword}</td>
            <td th:text="${sys.userEmail}">${sys.userEmail}</td>
            <td th:text="${sys.userInfo}">${sys.userInfo}</td>
            <td th:text="${sys.createTime}">${sys.createTime}</td>
            <td th:text="${sys.headImg}">${sys.headImg}</td>
        </tr>
    </table>
    <div style="text-align: right">
        <ul class="pagination">
            <li><a href="#">&laquo;</a></li>
            <li class="active"><a href="#" th:text="${pageDto.pageIndex}">1</a></li>
            <li class="disabled"><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>
    <div style="text-align: center">
        totalNum: [<span th:text="${pageDto.totalNum}">1</span>]
        totalPage:[<span th:text="${pageDto.totalPage}">1</span>]
        page:[<span th:text="${pageDto.pageIndex}">1</span>]
        size:[<span th:text="${pageDto.size}">1</span>]
    </div>
</div>
</body>
</html>